<!--
 * @Author: 137 '1432417996@qq.com'
 * @Date: 2025-04-21 03:33:37
 * @LastEditors: 137 '1432417996@qq.com'
 * @LastEditTime: 2025-04-21 03:33:42
 * @FilePath: \starter-3\components\icons\HeartIcon.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <BaseIcon v-bind="$props">
    <path
      d="M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z"
      stroke="currentColor"
      stroke-width="1"
      stroke-linecap="round"
      stroke-linejoin="round"
    />
  </BaseIcon>
</template>

<script setup lang="ts">
import BaseIcon from './BaseIcon.vue'
import type { PropType } from 'vue'

defineProps({
  size: {
    type: [Number, String] as PropType<number | string>,
    default: 24
  },
  color: {
    type: String,
    default: 'currentColor'
  },
  className: {
    type: String,
    default: ''
  }
})
</script> 